import { Header } from './components/Header';
import { Hero } from './components/Hero';
import { ValueProps } from './components/ValueProps';
import { Categories } from './components/Categories';
import { FeaturedArticles } from './components/FeaturedArticles';
import { TrustBadges } from './components/TrustBadges';
import { Footer } from './components/Footer';
import { CookieBanner } from './components/CookieBanner';
import { useDocumentTitle } from './hooks/useDocumentTitle';

export function App() {
  useDocumentTitle('Healthcare Product Reviews & Buying Guides', 'MedSelectHub');
  
  return <div className="flex flex-col min-h-screen w-full bg-white">
      <Header />
      <main className="flex-grow">
        <Hero />
        <ValueProps />
        <Categories />
        <FeaturedArticles />
        <TrustBadges />
      </main>
      <Footer />
      <CookieBanner />
    </div>;
}